<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../bootstrap/css/font-awesome.min.css">
    <link rel="stylesheet" href="../newSass/personal.css">
    <link rel="stylesheet" href="../keyboard/hint/collection.css">

</head>
<body>
<div class="container">
    <div class="head">
        <a href="./verify.html">
            <i class="fa fa-angle-left fa-2x"></i>
        </a>
        <span>个人信息(3/4)</span>
    </div>
    <div class="authCode">
        <div class="authCodeDiv">
            <input type="text" placeholder="取个萌萌哒的名字吧" class="username" maxlength="8">
        </div>
        <div class="authCodeSex">
            <div class="authCodeSexLeft">
                <input type="radio" id = 'male' value="男" name="radio" checked>
                <label for="male">
                    <img src="../img/block.png" alt=""><span>男</span>
                </label>
                <label for="male">
                    <img src="../img/none.png" alt=""><span>男</span>
                </label>

            </div>

            <div class="authCodeSexRight" >
                <input type="radio" name="radio" id="female" value="女">
                <label for="female">
                    <img src="../img/block.png" alt=""><span>女</span>
                </label>
                <label for="female">
                    <img src="../img/none.png" alt=""><span>女</span>
                </label>
            </div>

        </div>
    </div>
    <div class="reminder">
        性别决定后将不能更改
    </div>
    <div class="nextDiv">
        <a class="nextBtn" href="#">下一步</a>
    </div>
    <div class="btn_footer">
        <ul class="footer">
            <li>
                <a href="../login.html" class="return">返回登录</a>
            </li>
            <li>
                <a href="" class="watch">随便看看</a>
            </li>
        </ul>
        <span class="footer_or">OR</span>
    </div>

</div>
<script src="../ajax.js"></script>
<script src="../keyboard/hint/collection.js"></script>
<script src="../script/personal.js"></script>
</body>
</html>